<template>
  <div class="footer-icon">
  <div class="w"> <a href="/" target="_blank" title="网商+体验馆" rel="nofollow" class="icon-map">
    <p class="icon-bg i1"></p>
    <p class="icon-title">实体企业</p>
    </a><a href="#" target="_blank" title="实体企业" rel="nofollow" class="icon-map">
    <p class="icon-bg i3"></p>
    <p class="icon-title">正版产品</p>
    </a><a href="#" target="_blank" title="正版产品" rel="nofollow" class="icon-map">
    <p class="icon-bg i4"></p>
    <p class="icon-title">注重售后</p>
    </a><a href="#" target="_blank" title="注重售后" rel="nofollow" class="icon-map">
    <p class="icon-bg i5"></p>
    <p class="icon-title">授权保护</p>
    </a><a href="#" target="_blank" title="无理由退货" rel="nofollow" class="icon-map">
    <p class="icon-bg i6"></p>
    <p class="icon-title">免费安装</p>
    </a><a href="#" target="_blank" title="贵就赔" rel="nofollow" class="icon-map">
    <p class="icon-bg i7"></p>
    <p class="icon-title">支付安全</p>
    </a><a href="#" target="_blank" title="口碑商家" rel="nofollow" class="icon-map">
    <p class="icon-bg i8"></p>
    <p class="icon-title">98%好评</p>
    </a> </div>
</div>
</template>

<script>
export default {
  name:'Security'

}
</script>

<style lang="scss" scoped>
a {
    color: #666;
    text-decoration: none;
}
.footer-icon {
    width: 100%;
    background: #f8f8f8;
    padding: 10px 0;
    height: 100px;
    text-align: center;
}
.footer-icon .w {
    height: 80px;
}
.footer-icon .icon-map {
    display: inline-block;
    width: 170px;
}

.footer-icon .icon-map .icon-bg {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background: url(~@/assets/common/site.png) no-repeat;
}
.footer-icon .icon-map .icon-title {
    font-size: 14px;
    color: #000;
    text-align: center;
    margin-top: 10px;
}
.footer-icon .icon-map .icon-bg.i1 {
    background-position: 0 -250px;
}
.footer-icon .icon-map .icon-bg.i3 {
    background-position: 0 -350px;
}
.footer-icon .icon-map .icon-bg.i4 {
    background-position: 0 -300px;
}
.footer-icon .icon-map .icon-bg.i5 {
    background-position: 0 -50px;
}
.footer-icon .icon-map .icon-bg.i6 {
    background-position: 0 0;
}
.footer-icon .icon-map .icon-bg.i7 {
    background-position: 0 -150px;
}
.footer-icon .icon-map .icon-bg.i8 {
    background-position: 0 -100px;
}
</style>
